   	  <div class="clickstream border_bottom2">
        	<div class="item home fl"><a href="index.html">Trang chủ</a></div>
            <div class="item fl">&raquo;</div>
            <div class="item fl"><a href="index.hmtl">News</a></div>
            <div class="item fl">&raquo;</div>
            <div class="item fl"><a href="index.hmtl">Vietnamese</a></div>
            <div class="item fl">&raquo;</div>
            <div class="item fl"><a href="index.hmtl">Article</a></div>
            <div class="letvn"></div>
        </div>
    	<div class="panel">
            <div class="item fl"><a href="index.hmtl">News</a></div>
            <div class="item fl"><a href="index.hmtl">Vietnamese</a></div>
            <div class="item fl"><a href="index.hmtl">Article</a></div>
            <div class="letvn"></div>
        </div>
    	<div class="container_main">
            <table width="100%" border="0" cellpadding="0" cellspacing="0">
                <tr>
                    <td class="col_left">
                        <div class="leftmenu">
                            <div class="item icon">Tên IB
                            	<div class="item icon">Tên IB
                                	<div class="item icon">Tên IB</div>
                                </div>
                            </div>
                            <div class="item">Tên IB
                            	<div class="item icon">Tên IB
                                	<div class="item icon">Tên IB</div>
                                </div>
                            </div>
                            <div class="item icon">Tên IB</div>
                            <div class="item icon">Tên IB</div>
                        </div>
                    </td>
                    <td style="width:4px;"></td>
                    <td class="col_right">
                    	<div class="list_folder margin_bottom">
                        	<div class="item fl"><a href="#">Tên danh mục</a></div>
                        	<div class="item fl"><a href="#">Tên danh mục</a></div>
                        	<div class="item fl"><a href="#">Tên danh mục</a></div>
                        	<div class="item fl"><a href="#">Tên danh mục</a></div>
                        	<div class="item fl"><a href="#">Tên danh mục</a></div>
                        	<div class="item fl"><a href="#">Tên danh mục</a></div>
                        	<div class="item fl"><a href="#">Tên danh mục</a></div>
                        	<div class="item fl"><a href="#">Tên danh mục</a></div>
                        	<div class="item fl"><a href="#">Tên danh mục</a></div>
                        	<div class="item fl"><a href="#">Tên danh mục</a></div>
                        	<div class="item fl"><a href="#">Tên danh mục</a></div>
                        	<div class="item fl"><a href="#">Tên danh mục</a></div>
                        	<div class="item fl"><a href="#">Tên danh mục</a></div>
                        	<div class="item fl"><a href="#">Tên danh mục</a></div>
                        	<div class="item fl"><a href="#">Tên danh mục</a></div>
                        	<div class="item fl"><a href="#">Tên danh mục</a></div>
                        	<div class="item fl"><a href="#">Tên danh mục</a></div>
                        	<div class="item fl"><a href="#">Tên danh mục</a></div>
                        	<div class="item fl"><a href="#">Tên danh mục</a></div>
                        	<div class="item fl"><a href="#">Tên danh mục</a></div>
                            <div class="letvn"></div>
                            <a href="#"><div class="readmore">Xem thêm danh mục</div></a>
                        </div>
<script type="text/javascript">
$(function() {
	$( "#selectable_file" ).selectable({
		stop: function() {
			var result = $( "#select-result" ).empty();
			$( ".ui-selected", this ).each(function() {
				var index = $( "#selectable_file li" ).index( this );
				if (index >= 0) {
					var value = $( "#selectable_file li #id"+(index+1) ).val();
					result.append( " #" + ( value ) );
				}
			});
		}
	});
});
</script>
                        <div class="list_file margin_bottom">
                            <div class="box1 margin_bottom3">
                            	<div class="bar1">Bộ lọc</div>
                                <div class="content">
                                    Bộ lọc 1: <input name="name" type="text" value="value" class="text" />
                                    Bộ lọc 2:
                                    <select name="name" size="1" class="select">
                                        <option value="1">Lựa chọn 1</option>
                                        <option value="2">Lựa chọn 2</option>
                                        <option value="3">Lựa chọn 3</option>
                                        <option value="4">Lựa chọn 4</option>
                                        <option value="5">Lựa chọn 5</option>
                                    </select>
                                    <br />
                                    Bộ lọc 3:
                                    <input name="nameradio" type="radio" value="value" class="radio" /> Lựa chọn 1
                                    <input name="nameradio" type="radio" value="value" class="radio" /> Lựa chọn 2
                                    <br />
                                    Bộ lọc 4:
                                    <input name="namecheckbox" type="radio" value="value" class="radio" /> Lựa chọn 1
                                    <input name="namecheckbox" type="radio" value="value" class="radio" /> Lựa chọn 2
                                </div>
                            </div>
                            <div class="box1">
                            	<div class="pagination fl">
                                	<a href="#">&laquo;</a>
                                	<a href="#" class="selected">1</a>
                                	<a href="#">2</a>
                                	<a href="#">3</a>
                                	<a href="#">4</a>
                                	<a href="#">&raquo;</a>
                                </div>
                            	<div class="pagination fr">
                                	<a href="#">&laquo;</a>
                                	<a href="#" class="selected">1</a>
                                	<a href="#">2</a>
                                	<a href="#">3</a>
                                	<a href="#">4</a>
                                	<a href="#">&raquo;</a>
                                </div>
                                <div class="letvn"></div>
                            </div>
                            <ol id="selectable_file" class="list_style1"> 
                                <li class="item"><span class="focus">ID: 1</span> - <span>Nỗi kinh hoàng của nạn nhân xe khách có 5 người chết</span>
                                	<input type="hidden" name="id1" id="id1" value="21" />
                                	<div class="action">
                                    	<a href="#"><img src="common/img/icon/icon_edit_16.png" /></a>
                                    	<a href="#"><img src="common/img/icon/icon_delete_16.png" /></a>
                                    </div>
                                </li> 
                                <li class="item"><span class="focus">ID: 1</span> - <span>Nỗi kinh hoàng của nạn nhân xe khách có 5 người chết</span>
                                	<input type="hidden" name="id2" id="id2" value="22" />
                                	<div class="action">
                                    	<a href="#"><img src="common/img/icon/icon_edit_16.png" /></a>
                                    	<a href="#"><img src="common/img/icon/icon_delete_16.png" /></a>
                                    </div>
                                </li> 
                                <li class="item"><span class="focus">ID: 1</span> - <span>Nỗi kinh hoàng của nạn nhân xe khách có 5 người chết</span>
                                	<input type="hidden" name="id3" id="id3" value="23" />
                                	<div class="action">
                                    	<a href="#"><img src="common/img/icon/icon_edit_16.png" /></a>
                                    	<a href="#"><img src="common/img/icon/icon_delete_16.png" /></a>
                                    </div>
                                </li> 
                                <li class="item"><span class="focus">ID: 1</span> - <span>Nỗi kinh hoàng của nạn nhân xe khách có 5 người chết</span>
                                	<input type="hidden" name="id4" id="id4" value="24" />
                                	<div class="action">
                                    	<a href="#"><img src="common/img/icon/icon_edit_16.png" /></a>
                                    	<a href="#"><img src="common/img/icon/icon_delete_16.png" /></a>
                                    </div>
                                </li> 
                            </ol>
                            <div class="box1 bottom">
                            	<div class="pagination fl">
                                	<a href="#">&laquo;</a>
                                	<a href="#" class="selected">1</a>
                                	<a href="#">2</a>
                                	<a href="#">3</a>
                                	<a href="#">4</a>
                                	<a href="#">&raquo;</a>
                                </div>
                            	<div class="pagination fr">
                                	<a href="#">&laquo;</a>
                                	<a href="#" class="selected">1</a>
                                	<a href="#">2</a>
                                	<a href="#">3</a>
                                	<a href="#">4</a>
                                	<a href="#">&raquo;</a>
                                </div>
                                <div class="letvn"></div>
                            </div>
						</div>
                        <div id="select-result"></div>
                        <div class="list_file">
                            <table width="100%" border="0" cellspacing="1" cellpadding="0" class="table_list1">
                                <tr>
                                    <th scope="col" class="width_min">ID</th>
                                    <th scope="col">Tên file</th>
                                    <th scope="col" class="width_min">Action</th>
                                </tr>
                                <tr class="row">
                                    <td class="width_min">1</td>
                                    <td>Nỗi kinh hoàng của nạn nhân xe khách có 5 người chết</td>
                                    <td class="width_min">
                                    	<a href="#"><img src="common/img/icon/icon_edit_16.png" /></a>
                                    	<a href="#"><img src="common/img/icon/icon_delete_16.png" /></a>
                                    </td>
                                </tr>
                                <tr class="row">
                                    <td class="width_min">1</td>
                                    <td>Nỗi kinh hoàng của nạn nhân xe khách có 5 người chết</td>
                                    <td class="width_min">
                                    	<a href="#"><img src="common/img/icon/icon_edit_16.png" /></a>
                                    	<a href="#"><img src="common/img/icon/icon_delete_16.png" /></a>
                                    </td>
                                </tr>
                                <tr class="row">
                                    <td class="width_min">1</td>
                                    <td>Nỗi kinh hoàng của nạn nhân xe khách có 5 người chết</td>
                                    <td class="width_min">
                                    	<a href="#"><img src="common/img/icon/icon_edit_16.png" /></a>
                                    	<a href="#"><img src="common/img/icon/icon_delete_16.png" /></a>
                                    </td>
                                </tr>
                                <tr class="row">
                                    <td class="width_min">1</td>
                                    <td>Nỗi kinh hoàng của nạn nhân xe khách có 5 người chết</td>
                                    <td class="width_min">
                                    	<a href="#"><img src="common/img/icon/icon_edit_16.png" /></a>
                                    	<a href="#"><img src="common/img/icon/icon_delete_16.png" /></a>
                                    </td>
                                </tr>
                                <tr class="row">
                                    <td class="width_min">1</td>
                                    <td>Nỗi kinh hoàng của nạn nhân xe khách có 5 người chết</td>
                                    <td class="width_min">
                                    	<a href="#"><img src="common/img/icon/icon_edit_16.png" /></a>
                                    	<a href="#"><img src="common/img/icon/icon_delete_16.png" /></a>
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </td>
                </tr>
            </table>

        </div>